<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="jquery-1.11.0.min.js"></script>
    <script type="text/javascript">
        //javascript中默认的，ajax请求不能跨域。
        //跨域是指 - ajax所属的站点，和被请求的站点，不是同一个域。
        //域 - ip，端口，域名，主机名，任何一个有变化，都是不同的域。
        //需要服务器  -  返回响应中增加跨域请求头。@CrossOrigin
        function sendBodyParams() {
            $.ajax({
                "url":"http://localhost:80/bodyParams",
                "type":"post",
                "data":"[{\"name\":\"abc\",\"password\":\"123\"},{\"name\":\"def\",\"password\":\"321\"}]",
                "contentType":"application/json",
                "dataType":"json",
                "success":function (data) {
                    alert(data);
                    console.log(data);
                }
            })
        }
    </script>
</head>
<body style="text-align: center">
    <button onclick="sendBodyParams()">测试Ajax请求，请求体传递JSON参数</button>
</body>
</html>